<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简设装饰</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="../css/project.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="head">
            <div class="logo">
                <img src="../img/index/logo.png" alt="加载错误">
            </div>
            <ul class="nav clearfix ">
                <li class="nav-item ">
                    <a href="../index.html">首页</a>
                    <span></span>
                </li>
                <li class="nav-item activity">
                    <a href="project.html">项目</a>
                    <span></span>
                </li>
                <li class="nav-item">
                    <a href="product.html">产品</a>
                    <span></span>
                </li>
                <li class="nav-item">
                    <a href="service.html">服务</a>
                    <span></span>
                </li>
                <li class="nav-item ">
                    <a href="news.html">新闻</a>
                    <span></span>
                </li>
                <li class="nav-item">
                    <a href="about.html">关于</a>
                    <span></span>
                </li>

            </ul>
        </div>
    </header>
    <!-- 主体 -->
    <div class="container">


        <!-- 轮播 -->
        <div class="banner">
            <div class="banner-c center">

            </div>
        </div>


        <!-- 家居 -->
        <div class="household" id="household">
            <div class="title-c center clearfix">
                <!-- 公共头部 -->
                <div class="menu clearfix">
                    <span class="project">您的位置:项目</span>
                    <span class="line"></span>
                    <span class="activity">项目展示</span>
                </div>
                <ul class="subnav clearfix">
                    <li class="subnav-item activity">
                        <a href="#household">家居</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#office">办公</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#food">餐饮</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#more">MORE</a>
                        <span class="line"></span>
                    </li>
                </ul>
            </div>
            <div class="household-c center">
                <div class="list clearfix ">
                    <div class="list-item">
                        <img src="../img/project/household1.jpg" alt="">
                        <a class="info" href="">
                            <p class="city">Marylebone公寓室内改造 上海</p>
                            <p class="msg">木隔墙创造出简约的生活空间</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">Marylebone公寓室内改造 上海</p>
                                <p class="title-vice">木隔墙创造出简约的生活空间</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item me0">
                        <img src="../img/project/household2.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 月见棱廓 北京</p>
                            <p class="msg">舒适而注重情感交流的小住宅</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">月见棱廓 北京 </p>
                                <p class="title-vice">舒适而注重情感交流的小住宅</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/household3.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 亭仔脚 台北</p>
                            <p class="msg">生活记忆的延续</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">亭仔脚 台北 </p>
                                <p class="title-vice">生活记忆的延续</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/household4.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 藏式民居改造 拉萨</p>
                            <p class="msg">兼顾藏族传统精神生活的现代住宅</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> 藏式民居改造 拉萨</p>
                                <p class="title-vice">兼顾藏族传统精神生活的现代住宅</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item me0">
                        <img src="../img/project/household5.jpg" alt="">
                        <a class="info" href="">
                            <p class="city">白虎头村老宅改造 北京 </p>
                            <p class="msg">老宅，院落，远山</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">白虎头村老宅改造 北京 </p>
                                <p class="title-vice">老宅，院落，远山</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/household6.jpg" alt="">
                        <a class="info" href="">
                            <p class="city">Florentine公寓 杭州 </p>
                            <p class="msg">两种色调与两种氛围的居住空间</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">Florentine公寓 杭州 </p>
                                <p class="title-vice">两种色调与两种氛围的居住空间</p>
                                <p class="content">两间自带浴室套间的双人卧室和一个宽敞的开放 式厨房、餐厅和起居室空间和谐共融。
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 办公 -->
        <div class="office" id="office">
            <div class="title-c center clearfix">
                <!-- 公共头部 -->
                <div class="menu clearfix">
                    <span class="project">您的位置:项目</span>
                    <span class="line"></span>
                    <span class="activity">项目展示</span>
                </div>
                <ul class="subnav clearfix">
                    <li class="subnav-item ">
                        <a href="#household">家居</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item activity">
                        <a href="#office">办公</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#food">餐饮</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#more">MORE</a>
                        <span class="line"></span>
                    </li>
                </ul>
            </div>
            <div class="office-c center">
                <div class="list clearfix ">
                    <div class="list-item">
                        <img src="../img/project/office1.jpg" alt="">
                        <a class="info" href="">
                            <p class="city">Olste办公空间 深圳</p>
                            <p class="msg">干净明亮的办公空间</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> Olste办公空间 深圳</p>
                                <p class="title-vice">干净明亮的办公空间</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item me0">
                        <img src="../img/project/office2.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 百分金融办公室 北京</p>
                            <p class="msg">从“私密”到“开放”</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">百分金融办公室 北京 </p>
                                <p class="title-vice">从“私密”到“开放”</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/office3.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 感物办公空间 杭州</p>
                            <p class="msg">我和我的森林性感受</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">感物办公空间 杭州 </p>
                                <p class="title-vice">我和我的森林性感受</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 餐饮 -->
        <div class="food" id="food">
            <div class="title-c center clearfix">
                <!-- 公共头部 -->
                <div class="menu clearfix">
                    <span class="project">您的位置:项目</span>
                    <span class="line"></span>
                    <span class="activity">项目展示</span>
                </div>
                <ul class="subnav clearfix">
                    <li class="subnav-item ">
                        <a href="#household">家居</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#office">办公</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item activity">
                        <a href="#food">餐饮</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#more">MORE</a>
                        <span class="line"></span>
                    </li>
                </ul>
            </div>
            <div class="food-c center">
                <div class="list clearfix ">
                    <div class="list-item">
                        <img src="../img/project/food1.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 肯德基西安大雁塔店 西安</p>
                            <p class="msg">以现代语言讲述古城历史文化</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> 肯德基西安大雁塔店 西安</p>
                                <p class="title-vice">以现代语言讲述古城历史文化</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item me0">
                        <img src="../img/project/food2.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> zLa Palma餐厅 重庆 </p>
                            <p class="msg">将加州海滩元素融入意式餐厅</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> La Palma餐厅 重庆 </p>
                                <p class="title-vice">将加州海滩元素融入意式餐厅</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/food3 .jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> LUCKY PIGGY 杭州</p>
                            <p class="msg">亲和力满满的轻食餐厅</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> LUCKY PIGGY 杭州 </p>
                                <p class="title-vice">亲和力满满的轻食餐厅</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- more -->
        <div class="more" id="more">
            <div class="title-c center clearfix">
                <!-- 公共头部 -->
                <div class="menu clearfix">
                    <span class="project">您的位置:项目</span>
                    <span class="line"></span>
                    <span class="activity">项目展示</span>
                </div>
                <ul class="subnav clearfix">
                    <li class="subnav-item ">
                        <a href="#household">家居</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#office">办公</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item">
                        <a href="#food">餐饮</a>
                        <span class="line"></span>
                    </li>
                    <li></li>
                    <li class="subnav-item activity">
                        <a href="#more">MORE</a>
                        <span class="line"></span>
                    </li>
                </ul>
            </div>
            <div class="more-c center">
                <div class="list clearfix ">
                    <div class="list-item">
                        <img src="../img/project/more1.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 筑蹊生活主题书店 宁波</p>
                            <p class="msg">有机几何与循环路径的购书体验</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title"> 筑蹊生活主题书店 宁波</p>
                                <p class="title-vice">有机几何与循环路径的购书体验</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item me0">
                        <img src="../img/project/more2.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> R FITNESS健身工作室 香港 </p>
                            <p class="msg">由光定义的空间</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">R FITNESS健身工作室 香港 </p>
                                <p class="title-vice">由光定义的空间</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="../img/project/more3.jpg" alt="">
                        <a class="info" href="">
                            <p class="city"> 月饼博物馆 乌兰察布</p>
                            <p class="msg">一个本地材料营造的低成本博物馆</p>
                            <span></span>
                        </a>
                        <div class="mask">
                            <div class="msg">
                                <p class="title">月饼博物馆 乌兰察布 </p>
                                <p class="title-vice">一个本地材料营造的低成本博物馆</p>
                                <p class="content">
                                </p>
                                <span><a href=""></a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <footer>
            <div class="main">
                <div class="main-c">
                    <dl class=" main-item b0">
                        <dt>简设装饰有限公司</dt>
                        <p>
                            <a href="">
                                <img src="../img/index/wb-icon.png" alt="">
                            </a>
                            <a class="mea" href="">
                                <img src="../img/index/wx-icon.png" alt="">
                            </a>
                            <a href="">
                                <img src="../img/index/qq-icon.png" alt="">
                            </a>
                        </p>
                    </dl>

                    <dl class=" main-item">
                        <dd>地址：中国地区**分区6号写字楼888室</dd>
                        <dd class="me0">电话：688-8888-008</dd>
                        <dd>传真：000-66668888</dd>

                    </dl>
                    <dl class=" main-item">
                        <dd>邮编：100000 </dd>
                        <dd class="me0">手机：186-6006-8008</dd>
                        <dd>邮箱：00060008@163.com</dd>
                    </dl>
                </div>
            </div>

        </footer>

</body>

</html>